<?php
require_once ("header.php");
?>
<div id="sidebar">
    <div id="other-videos">
        <h2>სხვა ვიდეოები</h2>
        <span class="total-videos">15 ვიდეო</span>       
    </div><!-- #other-videos -->
    <div id="videos-list-container">
        <div id="videos-list">
            <?php for( $i = 1; $i <= 10; $i++ ):
            ?>
            <div class="video-item <?php echo ($i == 5) ? 'current-video' : ''; ?> clearfix">
                <div class="video-thumb">
                    <a href="?id=<?php echo $i; ?>"><img src="media/images/video-thumb.jpg" alt=""></a>
                </div><!-- .video-thumb -->
                <h2><a href="?id=<?php echo $i; ?>">ვიდეოს სათაური <?php echo $i; ?></a></h2>
                <p class="small-data">
                    ნახვა: <span>29 450</span><br /> თარიღი: <span>12 ინავარი 2012</span>
                </p>
            </div><!-- .video-item -->
            <?php endfor; ?>
        </div><!-- #videos-list -->
        <div id="videos-pagination">
            <a href="#" id="prev-videos" title="წინა">წინა</a>
            <a href="#" id="next-videos" title="შემდეგი">შემდეგი</a>
        </div><!-- #videos-pagination -->
    </div><!-- #videos-list-container -->
</div><!-- #sidebar -->
<div id="video">
    <div id="video-details">
        <div id="video-navigation">
            <a href="#" id="prev-btn" title="წინა">წინა</a>
            <a href="#" id="next-btn" title="შედეგი">შემდეგი</a>
        </div><!-- #video-navigation -->
        <h2>ვიდეოს სათაური</h2>
        <span class="date">თარიღი: 12.12.2012</span>
        <div id="video-embed">
            <iframe width="525" height="300" src="http://www.youtube.com/embed/Ic6XCs8qHvY?wmode=transparent" frameborder="0" allowfullscreen></iframe>
        </div><!-- #video-embed -->
        <div class="clearfix">
            <div id="videos-views">
                ნახვები: <span>29 450</span>
            </div><!-- #videos-views -->
            <div class="left">
                <div class="fb-like" data-send="true" data-width="400" data-show-faces="true"></div>
            </div><!-- .left -->
        </div><!-- .clearfix -->
    </div><!-- #video-details -->
    <div id="video-description">
        <p>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
        </p>
    </div><!-- #video-description -->
    <div id="video-comments">
        <div id="video-comments-header">
            <a href="#" class="comments-btn opened" title="კომენტარების ფორმის გახსნა/დახურვა">კომენტარების ფორმის გახსნა/დახურვა</a>
            <h2>კომენტარები</h2>
        </div><!-- #video-comments-header -->

        <div id="comments">
            <div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="520"></div>
        </div><!-- #comments -->
    </div><!-- #video-comments -->
</div><!-- #video -->
<?php
    require_once ("footer.php");
